/*
 * @Description: 新闻骨架屏
 * @Author: seadon
 * @LastEditors: seadon
 * @Date: 2021-07-22 11:55:34
 * @LastEditTime: 2021-07-22 12:03:33
 */
import { defineComponent } from 'vue'
import { ContentLoader } from 'vue-content-loader'

const NoticeSkeleton = defineComponent({
	name: 'notice-skeleton',
	render() {
		return (
			<ContentLoader viewBox="0 0 240 170">
				<rect x="0" y="3" rx="3" ry="3" width="25" height="10" />
				<rect x="35" y="3" rx="3" ry="3" width="25" height="10" />
				<rect x="70" y="3" rx="3" ry="3" width="40" height="10" />
				<rect x="210" y="3" rx="3" ry="3" width="30" height="10" />
				<rect x="0" y="30" rx="3" ry="3" width="240" height="20" />
				<rect x="0" y="60" rx="3" ry="3" width="240" height="20" />
				<rect x="0" y="90" rx="3" ry="3" width="240" height="20" />
				<rect x="0" y="120" rx="3" ry="3" width="240" height="20" />
				<rect x="0" y="150" rx="3" ry="3" width="240" height="20" />
			</ContentLoader>
		)
	},
})

const CarouselSkeleton = defineComponent({
	name: 'carousel-skeleton',
	render() {
		return (
			<ContentLoader viewBox="0 0 380 284">
				<rect x="0" y="0" rx="3" ry="3" width="380" height="284" />
			</ContentLoader>
		)
	},
})

export { NoticeSkeleton, CarouselSkeleton }
